			body{
				background: #f2f5f7;
				margin: 0;
			}
			.div1{
				background: #f2f5f7;
				width: 22%;
				height: 140px;
				margin: 1%;
				border:1px solid #e6e6e6;
				display:inline-block;
			}
			img{
				height: 100%;
				width: 33%;
				float: left;
				
			}
			
			.div1:hover{ 
        		background: #F8F8F8;
        		
        		box-shadow: 0 18px 36px #c8ecf8;
	        	  -webkit-transition: all .4s ease;
				  -moz-transition: all .4s ease;
				  -ms-transition: all .4s ease;
				  -o-transition: all .4s ease;
				  transition: all .4s ease;
       		} 
       		.div2{
       			width: 67%;
       			height: 100%;
       			float: right;
       			position:relative;
       		}
       		th{
       			width: 40%;
       		}
       		td{
       			width: 60%;
       			

       		}
       		.c{
       			 /* for IE */ 
       			text-overflow: ellipsis;
       			  /* for Firefox,mozilla */ 
       			 -moz-text-overflow: ellipsis; 
       			 overflow: hidden; 
       			 white-space: nowrap; 
       			 text-align: left 
       		}
       		.bookname{
       			width: 100%;
       			font-family: "楷体";
       			text-align: center;
       			color: #015fa6;
       			font-size: 20px;
       			font-weight: bold;
       			margin: 0;
       			margin-top: 8px;
       		}
       		.bookuser{
       			
       			display:
       		}
       		.book{
       			width: 100%;
       			font-family: "楷体";
       			color: #2D2D2D;
       		}
       		.hi{
       			width: 100%;
       			height: 35px;
       			text-align: center;
       			background: #3385ff;
       			line-height: 35px;
       			opacity: 0;
       			position:absolute;
       			left:0;
       			bottom:0;
       		}
       		.hi:hover{
       			opacity: 1;
       			cursor:pointer;
       			 -webkit-transition: all .9s ease;
				  -moz-transition: all .9s ease;
				  -ms-transition: all .9s ease;
				  -o-transition: all .9s ease;
				  transition: all .9s ease;
       		}
       		.hino{
       			width: 100%;
       			height: 35px;
       			text-align: center;
       			background: #ffb800;
       			line-height: 35px;
       			opacity: 0;
       			position:absolute;
       			left:0;
       			border:1px solid #e6e6e6;
       			bottom:0;
       		}
       		.hino:hover{  
       			opacity: 1;
       			cursor:not-allowed;
       			 -webkit-transition: all .9s ease;
				  -moz-transition: all .9s ease;
				  -ms-transition: all .9s ease;
				  -o-transition: all .9s ease;
				  transition: all .9s ease;
       		}
       		span{
       			margin-top: 10px;
       			margin-left: 2px;
       			padding: 0;
       			display: block;
       		}